@charset "utf-8";
/* CSS Document */

body { 
	margin:0 auto 0 auto; 
	color: #5b8b54;
	/*color: #04849b;*/
	font-size: 14px;
	font-family: "Segoe Condensed";
	background-image: url(../img/siteBackground.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x; 
}

a { color: #04b789; }
a:hover { color: #a2c28a; }

form { width: 400px; margin: auto; }

label   {
	float: left;
	display: block;
	width: 150px;
	text-align: right;
	margin-right: 10px;
	position: relative;
	/*background-color: #9C6;*/
}
	
input, select,textarea { font-family: "Segoe Condensed";}
/*input [type=radio] { float: left; margin-bottom: 15px; }*/
fieldset { margin-bottom: 20px; margin-left: 50px; text-align: center; max-width: 300px; border: solid 1px #44bded; background-color:#ceeefb; }
legend { padding: 0px 10px; background-color:#ceeefb; border: solid 1px #44bded; }
input[type=text], input[type=password], textarea, select {
	color: #2a91f4;
	font-size: 16px;
	background-color: #f6f6f6;
	padding: 2px;
	border: solid 1px #44bded;
	margin-right: 5px;
	margin-bottom: 15px;
	height: 22px;
	width: 200px;
	padding-left: 8px;
}
textarea { width: 200px; height: 100px; }

input[type=checkbox]{ color: #2a91f4;
	font-size: 16px; margin-right: 5px;
	margin-bottom: 15px; }
	
input[type=submit], input[type=button]{
	color: #693;
	float: right;
	margin: auto;
	font-size: 16px;
	width: 127px; height: 33px;
	background-image: url(../img/boton.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: solid 0px;
	cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover{
	color: #960;
	background: url(../img/boton.png) 0 -33px;
}

h1 { margin-top: 0px; color: #ec8929; text-shadow: 0px 1px 0px #eefcae; text-align: center;
	/*color: #138c6d;*/ /*color: #19b88f;*/ /*color: #04849b;*/ }
	
h1.msg-header { 
	color: #059eb9;
	font-size: 28px;
	background: url(../img/iChat.png) no-repeat 0 2px; 
	text-align: left; 
	height: 40px; 
	display: block;
	padding-left: 40px;
}

@font-face {
	/*Insertamos la ruta donde se
	encuentra el archivo de la tipografia
	y el formato de la tipografia*/
	font-family: "Segoe Condensed";
	src: url(segoeb.ttf) format("truetype");
}

#header{
	height: 165px;
	background-image: url(../img/pageBackground.jpg);
	background-attachment: fixed;
	/*background-repeat: no-repeat;*/
	background-position: top left;
}

#logo-header{
	margin: auto;
	height: 152px; width: 301px;
	background-image: url(../img/logo-head.png);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}

#userbar{
	color: #106650;
	float: right;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0px;
	padding: 3px;
}

#userbar p { margin-top: 0px; margin-bottom: 5px; }
#welcome { color: #57aa95; text-decoration: underline; }
#opc-container { margin: auto; text-align: center;  }
#opc-style { 
	background-image: url(../img/pencil_16.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 4px;
}
#opc-salir { 
	background-image: url(../img/user_16.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 4px;
}
#salir { text-decoration: none; }
#salir:visited { color: #106650; }
#opc-salir:hover,#opc-style:hover, #salir:hover { color: #0C6; letter-spacing: 1px; text-shadow: 0px 1px 0px #2f845d; }

.clear { clear: both; }

.page { 
	/*margin:100px auto 0 auto; */
	margin: auto;
	/*width:750px;*/
	width:755px;
	/*background-image: url(../img/colorix.png);
	background-attachment: fixed;
	background-repeat: no-repeat; */
}

#menu  { list-style:none; margin:0px; padding:0px; margin-left: 1px;}

#menu li { list-style:none; display:inline; }
/*li.active a { background-color:#FFF;color:#000; }*/

#menu li a,#menu li a:link { 
	float:left;
	font-size: 18px;
	background: url(../img/tabs.png) 0px -78px no-repeat;
	margin-right:3px; 
	padding-top: 7px;
	color:#2c7693; 
	text-decoration:none;
	width: 128px; height: 25px;
	text-align:center;
	font-weight: bold;
	text-shadow: 0px 1px 0px #eefcae;
}

#menu li a:visited {  }
#menu li a:active { color: #61811e; background: url(../img/tabs.png) no-repeat; } /*verde*/
#menu li a:hover { color: #8e690b; background: url(../img/tabs.png) 0px -39px no-repeat; } /*amarillo*/

.content { 
	/*background:url(ajaxinterface.jpg) bottom right no-repeat; */
	background: url(../img/cont-bg-blue.png);
	min-height:300px; 
	margin:0px; 	
	/*margin-bottom: 30px; */
}

.cont-head{
	clear: both;
	width: 755px; height: 28px;
	background: url(../img/cont-head-blue.png) no-repeat;
}
.cont-bg{
	clear: both;
	font-size: 18px;
	padding: 10px 50px;
	width: 655px; min-height: 300px;
	background: url(../img/cont-bg/blue.png) repeat-y;
}
.cont-foot{
	clear: both;
	width: 755px; height: 30px;
	background: url(../img/cont-footer-blue.png);
}

#loading { clear:both; background:url(wait.gif) center top no-repeat; text-align:center;padding:33px 0px 0px 0px; font-size:12px;display:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

#outcontent {clear:both; }

/*-------------------------------------------------------*/
.opc-previo, .opc-nuevomsg, .opc-sig, .opc-back{
	height: 24px; 
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	font-size: 16px;
	float: right;
	margin-right: 10px;
}
.opc-previo{
	background:url(../img/back.png) no-repeat; 
}
.opc-sig{
	background:url(../img/go.png) no-repeat; 
}
.opc-nuevomsg {
	/*float: none;
	clear: both;*/
	float: left;
	background-color: #999;
	background:url(../img/email.png) no-repeat; 
}
.opc-nuevomsg:hover { color: #dab403; }

.opc-back { 
	color: #ea6524;
	height: 32px; 
	width: 120px;
	float: none;
	margin: auto;
	padding-left: 38px;
	background:url(../img/Unreadmail.png) no-repeat 0 -7px; 
	text-decoration: none; /*margin-right: 50px;*/ }

#msgbuttons-container{
	height: 24px; width: 400px;
	margin-bottom: 10px;
}

#msg-container { margin: auto; width: 400px;}

#chat { 
	width: 75%; 
	margin: auto;
	margin-bottom: 30px;
	clear: both;
}
.chat-msg { 
	padding: 0 10px 0 45px; 
	border:solid 1px #9C6; background-color: #daefae; 
	margin-bottom: 20px; 
	background-image: url(../img/calendar.png); 
	background-repeat: no-repeat; 
	background-position: 10px 10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
/*.chat-msg p { line-height: 80%; }*/
.chat-autor { font-weight: bold;color: #e2a604; font-size: 18px; }
.chat-date { /*color: #36c773;*/ }
.chat-body {  }
.chat-header { color: #1cb58e; font-size: 16px; line-height: 80%; }

#respuesta label { width: 100px; font-weight: bold;  }
#respuesta textarea { width: 250px; border: solid 1px #9C6; }
#respuesta textarea:hover { border: solid 1px #44bded; }
#respuesta input[type=button] { float: right; }
#respuesta { margin-bottom: 30px; }

.alert{
	width: 50%;
	color: #333;
	padding: 30px;
	padding-left: 120px;
	margin: auto;
	margin-top: 15%;
	background-color: ;
	background: #f1f394 url(../img/warning_64.png) no-repeat 30px 50%;
	border: solid 1px #dbc532;
}